@charset "UTF-8";
@import "./public";
@import "./Media\ queries";
.flash{
    background-color: #8bc01f;
    .container{
        .left{
            margin-left: 35px;
            .top{
                display: flex;
                justify-content:flex-start;
                margin-top: 67px;
                .one{
                    width: 55px;
	                height: 53px;
                    margin-top: 5px;
	                background-color: #ffffff;
	                border-radius: 2px;
                    color: #8bc01f;
                    font-size: 40px;
                    text-align:center;
                    margin-left: -10px;
                }
                p{
                    margin-left: 12px;
                    font-size: 48px;
                    color: #ffffff;
                }
            }
            .ml{
                font-size: 24px;
                color: #ffffff;
               
            }
            .jk{
                width: 431px;
	            font-size: 14px;
	            line-height: 30px;
	            color: #ffffff;
                margin-top: 67px;
            }
            .jk1{
                width: 431px;
	            font-size: 14px;
	            line-height: 30px;
	            color: #ffffff;
            }
            .btu{
                width: 100px;
	            height: 34px;
	            background-color: #e8f2d2;
	            border-radius: 4px;
                color: #8bc01f;
                font-size: 14px;
                margin-bottom: 96px;
            }
        }
        .buttom{
            display: block;
            width: 449px;
	        height: 445px;
            margin-top: 60px;
            margin-left: 63px;
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
}
.play{
    background-color: #3393df;
    .container{
        .left{
            margin-left: 20px;
            .col-md-12{
                .top{
                    display: flex;
                    justify-content:flex-start;
                    margin-top: 67px;
                    .two{
                        width: 55px;
                        height: 53px;
                        margin-top: 5px;
                        background-color: #ffffff;
                        border-radius: 2px;
                        color: #8bc01f;
                        font-size: 40px;
                        text-align:center;
                        margin-left: -10px;
                    }
                    p{
                        margin-left: 12px;
                        font-size: 48px;
                        color: #ffffff;
                    }
                }
             }
             .zuo{
                 margin-top: 18px;
             }
             .zhong{
                 .zi{
                     margin-top: 43px;
                     p:first-child{
	                    font-size: 24px;
	                    color: #ffffff;
                     }
                     p:last-child{
                         margin-top: 17px;
                        font-size: 14px;
                        line-height: 35px;
                        color: #ffffff;
                     }
                 }
                 .zhi{
                     margin-top: 33px;
                    p:first-child{
                        font-size: 24px;
                        color: #ffffff;
                    }
                    p:last-child{
                        font-size: 14px;
                        line-height: 35px;
                        color: #ffffff;
                        margin-top: 17px;
                    }
                }
             }
             .right{
                 margin-top: 168px;
             }
        }
    }
}
.introduce{
    .container{
        .row{
            display: flex;
            .left{
                margin-left: 20px;
                .tou{
                    .top{
                        display: flex;
                        justify-content:flex-start;
                        margin-top: 67px;
                        .there{
                            width: 55px;
                            height: 53px;
                            background-color: #3393df;
                            border-radius: 2px;
                            color: #fff;
                            font-size: 40px;
                            margin-top: 5px;
                            text-align:center;
                            margin-left: -10px;
                        }
                        p{
                            margin-left: 12px;
                            font-size: 48px;
                            color: #3393df;
                        }
                    }
                }
               .aa{
                font-size: 18px;
                 color: #5d5d5d;
                 margin-top: 23px;
                }
                .bb{
                font-size: 18px;
                color: #3393df;
                margin-top: 37px;
                }
                .cc{
                font-size: 14px;
                text-indent: 2rem;
                color: #5d5d5d;
                margin-top: 20px;
                }
                .ui{
                    width: 447px;
                }
                .but{
                   margin-left: 149px;
                   margin-bottom: 48px;
                   margin-top: 40px;
                }
            }
            .you{
                .ddd{
                    margin-top: 51px;
                }
                .ee{
                    margin-top: 25px;
                }
            }
        }
    }
}
.introduce1{
    background-color: #f7f7f7;
    .container{
        .row{
            display: flex;
            .left{
                margin-left: 20px;
                .tou{
                    .top{
                        display: flex;
                        justify-content:flex-start;
                        margin-top: 67px;
                        .there{
                            width: 55px;
                            height: 53px;
                            background-color: #3393df;
                            border-radius: 2px;
                            color: #fff;
                            font-size: 40px;
                            margin-top: 5px;
                            text-align:center;
                            margin-left: -10px;
                        }
                        p{
                            margin-left: 12px;
                            font-size: 48px;
                            color: #3393df;
                        }
                    }
                }
               .aa{
                font-size: 18px;
                 color: #5d5d5d;
                 margin-top: 23px;
                }
                .bb{
                font-size: 18px;
                color: #3393df;
                margin-top: 37px;
                }
                .cc{
                font-size: 14px;
                text-indent: 2rem;
                color: #5d5d5d;
                margin-top: 20px;
                }
                .ui{
                    width: 447px;
                }
                .but{
                   margin-left: 149px;
                   margin-bottom: 48px;
                   margin-top: 40px;
                }
            }
            .you{
                .ddd{
                    margin-top: 51px;
                }
                .ee{
                    margin-top: 25px;
                }
            }
        }
    }
}